<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:composite="http://java.sun.com/jsf/composite">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>..:: Portal Librelato S.A. ::..</title>
	<link href="css/librelato.css" type="text/css" rel="stylesheet" />
	<link rel="icon" href="img/librelato.ico" type="image/ico" />
	<script type="text/javascript" src="js/highcharts.js"></script>
	<script type="text/javascript" src="js/exporting_chart.js"></script>
	<script type="text/javascript" src="js/Graficos.js"></script>
	<script type="text/javascript">
		function chamadosAberto() {
			jQuery('#panelAberto').show('slow');
			jQuery('#panelFinalizado').hide('slow');
			jQuery('#panelGrafico').hide('slow');

		}
		function chamadosFinalizado() {
			jQuery('#panelAberto').hide('slow');
			jQuery('#panelFinalizado').show('slow');
			jQuery('#panelGrafico').hide('slow');
		}
		function graficos() {
			jQuery('#panelAberto').hide('slow');
			jQuery('#panelFinalizado').hide('slow');
			jQuery('#panelGrafico').show('slow');
		}
	</script>



</h:head>
<h:body styleClass="Corpo" style="font-size:13px;"
	onload="graficoPizzaUsuario(#{chamadoTela.dadosChamadoUsuario});graficoBarraUsuario(#{chamadoTela.dadosChamadoUsuario},'#{chamadoTela.usuario.nome}')">

	<p:ajaxStatus onstart="statusDialog.show();"
		onsuccess="statusDialog.hide();" />
	<p:idleMonitor timeout="1200000" update="messages">
		<p:ajax event="idle" update="messages" oncomplete="dlgSession.show()"
			global="false" />
	</p:idleMonitor>
	<p:growl id="messages" showDetail="true" showSummary="true" life="3000" />
	<h:form id="formDock">
		<p:dock position="top" proximity="30" maxWidth="15">
			<p:menuitem value="#{message.dock_item_ch_aberto}"
				actionListener="#{chamadoTela.buscaChamadosAberto}"
				icon="/img/dock/ch_aberto.png" update=":formChAbe:idTChAbe"
				oncomplete="chamadosAberto();" />
			<p:menuitem value="#{message.dock_item_ch_finalizado}"
				icon="/img/dock/ch_finalizado.png"
				oncomplete="chamadosFinalizado();" />
			<p:menuitem value="#{message.item_main_incluir}"
				icon="/img/dock/ch_incluir.png"
				actionListener="#{chamadoTela.verificaChamadoNaoQualificado}" />
			<p:menuitem value="#{message.dock_item_grafico}"
				icon="/img/dock/ch_chart.png"
				actionListener="#{chamadoTela.atualizaGraficos}"
				oncomplete="graficoPizzaUsuario(#{chamadoTela.dadosChamadoUsuario});graficoBarraUsuario(#{chamadoTela.dadosChamadoUsuario},'#{chamadoTela.usuario.nome}');graficos();" />
			<p:menuitem value="#{message.dock_item_home}"
				icon="/img/dock/ch_home.png" url="principal.jsf" />
		</p:dock>
	</h:form>


	<!-- 
		##############################################################################################################################
		
												PANEL GRAFICOS
		
		##############################################################################################################################
		 -->

	<p:panel id="panelGrafico"
		style="margin-top: 60px; background: transparent;
border: 0">
		<div style="left: 50%; margin-left: -620px; position: relative;">
			<div id="divMeuChamado" style="margin-top: 60px; float: left;"></div>
			<div id="divTodoChamado"
				style="margin-top: 60px; float: left; margin-left: 50px;"></div>
		</div>
	</p:panel>
	<!-- 
		##############################################################################################################################
		
												PANEL CHAMADOS ABERTO
		
		##############################################################################################################################
		 -->

	<p:panel id="panelAberto" style="margin-top: 60px; display:none;"
		header="#{message.dock_item_ch_aberto}">
		<ui:include src="listaChAberto.xhtml" />
	</p:panel>


	<!-- 
		##############################################################################################################################
		
												PANEL CHAMADOS FINALIZADO
		
		##############################################################################################################################
		 -->

	<p:panel id="panelFinalizado" style="margin-top: 60px; display:none;"
		header="#{message.dock_item_ch_finalizado}">
		<ui:include src="listaChFinalizado.xhtml" />
	</p:panel>




	<!-- 
		##############################################################################################################################
		
												MODELPANEL INCLUIR CHAMADO
		
		##############################################################################################################################
		 -->

	<p:dialog header="#{message.header_incluir_chamado}" id="dlgInc"
		widgetVar="dlg12" showEffect="fade" hideEffect="fade" height="565"
		width="650" modal="true" draggable="false" resizable="false"
		closable="#{chamadoTela.codChamadoAnt == null ? true : false}">
		<ui:include src="cadChamado.xhtml" />
	</p:dialog>



	<!-- 
		##############################################################################################################################
		
												MODELPANEL EDITA CHAMADO
		
		##############################################################################################################################
		 -->

	<p:dialog header="#{message.msg_edita_solicitacao}" widgetVar="dlg13"
		showEffect="fade" hideEffect="fade" height="510" width="650"
		modal="true" draggable="true" resizable="false" id="dlgEditaChamado"
		onShow="editor.init();editor.focus();">
		<ui:include src="editaChamado.xhtml" />
	</p:dialog>


	<!-- 
		##############################################################################################################################
		
												MODELPANEL SHOW HISTORICO
		
		##############################################################################################################################
		 -->

	<p:dialog widgetVar="dlgHist" showEffect="fade" hideEffect="fade"
		modal="true" appendToBody="true" id="idDlgHist"
		header="#{message.label_ver_historico}">
		<h:outputText id="descHist" value="#{chamadoTela.historico}"
			escape="false" />
	</p:dialog>

	<!-- 
		##############################################################################################################################
		
														MODELPANEL SESSAO ENCERRADA
		
		##############################################################################################################################
	-->

	<p:dialog header="#{message.msg_header_aviso}" widgetVar="dlgSession"
		modal="true" height="90" width="210" draggable="false"
		resizable="false" showEffect="fadein" style="font-size: 18px;"
		closable="false">
		<h:form>
			<h:outputText value="#{message.msg_sessao}" style="font-size: 16px;" />
			<br />
			<div style="padding-left: 60px; padding-top: 20px;">
				<p:commandButton value="Ok" action="#{principalTela.logOut}"
					style="font-size: 14px;" ajax="false" />
			</div>
		</h:form>
	</p:dialog>



	<!-- 
		##############################################################################################################################
		
												MODELPANEL FINALIZA CHAMADO
		
		##############################################################################################################################
		 -->

	<p:dialog widgetVar="dlgFinaliza" showEffect="fade" hideEffect="fade"
		modal="true" header="#{message.header_qualifica_chamado}"
		draggable="false" closable="false" resizable="false">
		<h:form>
			<h:panelGrid columns="2" style="font-size: 13px;">
				<h:outputLabel value="#{message.label_qualificacao}"
					styleClass="LabelFont" style="margin-left:20px;" />

				<p:selectOneMenu value="#{chamadoTela.chamado.qualificacao}"
					effect="fade" style="font-size: 13px;"
					valueChangeListener="#{chamadoTela.atualizaRating}"
					immediate="true">
					<f:selectItem itemLabel="" itemValue="0" />
					<f:selectItem itemLabel="#{message.label_satisfeito}"
						itemValue="#{message.label_satisfeito}" />
					<f:selectItem itemLabel="#{message.label_insatisfeito}"
						itemValue="#{message.label_insatisfeito}" />
					<p:ajax event="change" update="idQBar" />
				</p:selectOneMenu>

				<h:outputLabel value="#{message.label_nivel_satifacao}"
					styleClass="LabelFont" style="margin-left:20px; margin-top:10px;" />

				<p:rating id="idQBar" value="#{chamadoTela.chamado.notaChamado}"
					disabled="#{chamadoTela.disableRating}" style="margin-top:10px;" />

				<h:outputLabel value="#{message.produto_observa}"
					styleClass="LabelFont" style="margin-left:20px;margin-top:10px;" />
				<p:inputTextarea rows="5" cols="35" counter="counter"
					maxlength="150" counterTemplate="{0} caracteres restantes."
					autoResize="false" value="#{chamadoTela.chamado.obsQualifica}"
					style="margin-top:10px;" />
				<h:outputText id="counter" />

			</h:panelGrid>
			<p:commandButton value="#{message.label_qualificar}"
				style="font-size: 14px; margin-top:20px; left: 38%;"
				action="#{chamadoTela.salvaQualificacao}"
				update=":messages,:formChAbe"
				oncomplete="dlgFinaliza.hide()" />

		</h:form>
	</p:dialog>


	<!-- 
		##############################################################################################################################
		
														MODELPANEL AJAX GIF
		
		##############################################################################################################################
	-->

	<p:dialog modal="true" widgetVar="statusDialog" id="statusDialog"
		header="#{message.msg_aguarde}" draggable="false" closable="false"
		style="font-size: 10px;" resizable="false">
		<p:graphicImage value="img/save_ajax.gif" style="margin-left: 3px;" />
	</p:dialog>



	<!-- 
		##############################################################################################################################
		
												MODELPANEL AVISO CHAMADO EM ABERTO
		
		##############################################################################################################################
		 -->

	<p:confirmDialog
		message="Você Possui chamados não qualificados. Favor qualifica-los antes de abrir um novo."
		header="#{message.msg_header_atencao}" severity="info"
		widgetVar="dlgChNQua" appendToBody="true">
		<p:commandButton value="Ok" onclick="dlgChNQua.hide()" type="button"
			global="false" style="font-size: 14px;" />
	</p:confirmDialog>



</h:body>
</html>